<template>
	<div class="flex justify-center gap-3">
		<base-image src="social/tiktok.svg" @click="goTiktok"></base-image>
		<base-image src="social/facebook.svg" @click="goFacebook"></base-image>
		<base-image src="social/x.svg" @click="goX"></base-image>
		<base-image src="social/instagram.svg" @click="goInstagram"></base-image>
		<base-image src="social/youtube.svg" @click="goYoutube"></base-image>
	</div>
</template>
<script lang="ts" setup>
import { BaseImage } from '@/components/base'
import { goTiktok, goFacebook, goX, goInstagram, goYoutube } from '@/utils'
</script>
